<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>火云鞋神购物鞋店--订单管理</title>
</head>
<link rel="shortcut icon" href="../img/favicon_2.ico"/>
<link rel="stylesheet" href="../css/base.css">
<link rel="stylesheet" href="../css/admin.css">
<link rel="stylesheet" href="../layui/css/layui.css" media="all">
<body>
<!--更改-->
<!--<div class="left_nav">
    <div class="left_aftsale"></div>
    <div class="right">
        <div class="search_txt font_family">查找</div>
        <input type="text">
        <div class="work">
            <ul>
                <li>
                    <div class="txtf">项目</div>
                    <div class="imgf"></div>
                    <div class="png1"></div>
                </li>
                <li>
                    <div class="txt">
                        <a href="hGoodShow.html">全部商品</a>
                    </div>
                    <div class="png2"></div>
                </li>
                <li>
                    <div class="txt">
                        <a href="houshoegood.html">商品管理</a>
                    </div>
                    <div class="png2"></div>
                </li>
                <li>
                    <div class="txt">
                        <a href="alogistic.html">物流管理</a>
                    </div>
                    <div class="png2"></div>
                </li>
                <li>
                    <div class="txt">
                        <a href="acoupon.html">优惠券管理</a>
                    </div>
                    <div class="png3"></div>
                </li>
                <li>
                    <div class="txt">
                        <a href="aucoupon.html">用户关联优惠券</a>
                    </div>
                    <div class="png4"></div>
                </li>
                <li>
                    <div class="txt">
                        <a href="aaftsale.html">售后管理</a>
                    </div>
                </li>
                <li>
                    <div class="txt">
                        <a href="houorder.html">订单管理</a>
                    </div>
                </li>
                <li>
                    <div class="txt">
                        <a href="../cart/depot.html">库存管理</a>
                    </div>
                </li>
                <li>
                    <div class="txt">
                        <a href="../cart/showEvaluate.html">评价管理</a>
                    </div>
                </li>
            </ul>
        </div>
    </div>
</div>-->
<!--更改-->
<div class="header">
    <div class="ht">
        <div class="title_name">订单管理</div>
        <div class="work">
            <ul>
                <li>全部信息</li>
                <li>已发货</li>
                <li>未发货</li>
            </ul>
        </div>
    </div>
    <!--<div class="header_content">-->
    <!--<ul>-->
    <!--<li>售后编号</li>-->
    <!--<li>|</li>-->
    <!--<li>订单编号</li>-->
    <!--<li>|</li>-->
    <!--<li>订单状态</li>-->
    <!--<li>|</li>-->
    <!--<li>用户id</li>-->
    <!--<li>|</li>-->
    <!--<li>用户昵称</li>-->
    <!--<li>|</li>-->
    <!--<li>售后请求</li>-->
    <!--<li>|</li>-->
    <!--<li>处理状况</li>-->
    <!--<li>|</li>-->
    <!--<li>商品名称</li>-->
    <!--</ul>-->
    <!--</div>-->
</div>
<div class="content">
    <table class="layui-hide" id="test" lay-filter="test"></table>

    <script type="text/html" id="toolbarDemo">
        <div class="layui-btn-container">
            <button class="layui-btn layui-btn-sm" lay-event="getCheckLength">获取选中数目</button>
            <button class="layui-btn layui-btn-sm" lay-event="isAll">验证是否全选</button>
        </div>
    </script>

    <script type="text/html" id="barDemo">
        <a class="layui-btn layui-btn-xs" lay-event="edit">编辑</a>
        <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del">删除</a>
    </script>

    <script src="../js/jquery-3.3.1.min.js"></script>
    <script src="../layui/layui.js" charset="utf-8"></script>
    <script src="../js/order.js" charset="utf-8"></script>
    <!-- 注意：如果你直接复制所有代码到本地，上述js路径需要改成你本地的 -->

   <!-- <script>
        layui.use('table', function () {
            var table = layui.table;

            table.render({
                elem: '#test'
                , url: 'http://localhost:8081/project/all.do'
                , toolbar: '#toolbarDemo' //开启头部工具栏，并为其绑定左侧模板
                , title: '用户数据表'
                , cols: [[
                    {type: 'checkbox', fixed: 'left'}
                    , {field: 'orderId', title: '订单Id', width: 100,}
                    , {field: 'orderNo', title: '订单编号', width: 100}
                    , {field: 'orderDate', title: '订单日期', width: 90}
                    , {field: 'orderUserId', title: '用户Id', width: 100}
                    , {field: 'orderGoodId', title: '商品Id', width: 90}
                    , {field: 'orderMoney', title: '订单价格', width: 100}
                    , {field: 'orderState', title: '订单状态', width: 110}
                    , {field: 'reserve2', title: '数量', width: 80, sort: true}
                    , {field: 'reserve3', title: '总价', width: 80, sort: true}
                    /*, {field: 'goodName', title: '商品名称', width: 100}*/
                    , {fixed: 'right', title: '操作', toolbar: '#barDemo', width: 150}
                ]]
                , page: true
            });

            //头工具栏事件
            table.on('toolbar(test)', function (obj) {
                var checkStatus = table.checkStatus(obj.config.id);
                switch (obj.event) {
                    case 'getCheckLength':
                        var data = checkStatus.data;
                        layer.msg('选中了：' + data.length + ' 个');
                        break;
                    case 'isAll':
                        layer.msg(checkStatus.isAll ? '全选' : '未全选');
                        break;
                }
                ;
            });

            //监听行工具事件
            table.on('tool(test)', function (obj) {
                var data = obj.data;
                //console.log(obj)
                if (obj.event === 'del') {
                    layer.confirm('真的删除行么', function (index) {
                        obj.del();
                        dlevalue(obj.data.orderId)
                        layer.close(index);
                    });
                } else if (obj.event === 'edit') {
                    let orderstate = inputvalue(obj.data.orderState)
                    localStorage.setItem("orderState",orderstate)
                    layer.prompt({
                        formType: 2
                        , value: data.email
                    }, function (value, index) {
                        obj.update({
                            email: value
                        });
                        layer.close(index);
                    });
                }
            });
        });
    </script>-->
</div>


</body>
</html>